﻿jQuery(document).ready(function() {

	$("#teste a").click(function(e) {
		e.preventDefault();
		showContactForm();
	});

});

function modalizer(content) {

	var modal = {
		container : null,
		init : function() {
			$(content).modal({
				overlayId : 'osx-overlay',
				containerId : 'osx-container',
				closeHTML : null,
				opacity : 65,
				position : [ '0', ],
				overlayClose : true,
				onOpen : modal.open,
				onClose : modal.close
			});

		},
		open : function(d) {
			var self = this;
			self.container = d.container[0];
			d.overlay.fadeIn('slow', function() {
				jQuery("#osx-modal-content", self.container).show();
				var title = jQuery("#osx-modal-title", self.container);
				title.show();
				d.container.slideDown('slow', function() {
					setTimeout(function() {
						var h = jQuery("#osx-modal-data", self.container)
								.height()
								+ title.height() + 17; // padding
						d.container.animate({
							height : h
						}, 200, function() {
							jQuery("div.close", self.container).show();
							jQuery("#osx-modal-data", self.container).show();
						});
					}, 300);
				});
			});
		},
		close : function(d) {
			var self = this; // this = SimpleModal object
			d.container.animate({
				top : "-" + (d.container.height() + 20)
			}, 500, function() {
				self.close(); // or $.modal.close();
			});
		}
	};

	return modal;

}

function showContactForm() {

	var formulario = '<div id="osx-modal-content">';
	formulario += '<div id="osx-modal-title">Mensagem</div>';
	formulario += '<div class="close"><a href="#" class="simplemodal-close">x</a></div>';
	formulario += '<div id="osx-modal-data">';
	formulario += '<form id="formulario" action="javascript:sendMail()" method="post">';
	formulario += '<input placeholder="Nome" name="nome" id="nome" type="text">';
	formulario += '<input class="left" placeholder="Email" name="email" id="email" type="text">';
	formulario += '<input class="right" placeholder="Fone" name="fone" id="fone" type="text">';
	formulario += '<input placeholder="Assunto" name="assunto" id="assunto" type="text">';
	formulario += '<textarea placeholder="Mensagem" name="mensagem" id="mensagem"></textarea>';
	formulario += '<input class="right" name="submit" type="submit" value="Enviar">';
	formulario += '</form>';
	formulario += '</div>';
	formulario += '</div>';

	var contato = modalizer(formulario);
	contato.init();

	return false;

}

function removerAlerta(input) {

	if (input == null) {
		var alerta = jQuery("#alerta");
		if (!alerta)
			return;

		alerta.css({
			"display" : 'none'
		});

	} else {
		input.css({
			"background" : '#FFF'
		});
	}

}

function exibirAlerta(input) {

	if (input == null) {
		var alerta = jQuery("#alerta");
		if (!alerta)
			return;

		alerta.fadeIn();

		// alerta.css({
		// "display" : 'block'
		// });

		alerta.animate(null, 5000, function() {
			// Animation complete.
		});

	} else {
		input.css({
			"border-color" : 'red'
		});
	}

};

function validarNome(input) {
	var nome = input.val();
	return (nome != null && nome != "");
}

function validarEmail(input) {
	var email = input.val();
	return (email != null && email != "");
}

function validarFone(input) {
	var fone = input.val();
	return (fone != null && fone != "");
}

function validarAssunto(input) {
	var assunto = input.val();
	return (assunto != null && assunto != "");
}

function validarMensagem(input) {
	var mensagem = input.val();
	return (mensagem != null && mensagem != "");
}

function sendMail() {

	var nome = jQuery("#nome");
	var email = jQuery("#email");
	var fone = jQuery("#fone");
	var assunto = jQuery("#assunto");
	var mensagem = jQuery("#mensagem");
	var invalido = false;

	// removerAlerta();// principal
	// removerAlerta(nome);
	// removerAlerta(email);
	// removerAlerta(fone);
	// removerAlerta(assunto);
	// removerAlerta(mensagem);
	//
	// if (validarNome(nome) == false) {
	// exibirAlerta(nome);
	// invalido = true;
	// }
	//
	// if (validarEmail(email) == false) {
	// exibirAlerta(email);
	// invalido = true;
	// }
	//
	// if (validarFone(fone) == false) {
	// exibirAlerta(fone);
	// invalido = true;
	// }
	//
	// if (validarAssunto(assunto) == false) {
	// exibirAlerta(assunto);
	// invalido = true;
	// }
	//
	// if (validarMensagem(mensagem) == false) {
	// exibirAlerta(mensagem);
	// invalido = true;
	// }

	if (invalido == true) {
		exibirAlerta();
		// Modalbox.resizeToContent({
		// height : 380
		// });
		return;
	}

	jQuery
			.post(
					'includes/email/email.php',
					{
						nome : nome.val(),
						fone : fone.val(),
						email : email.val(),
						assunto : assunto.val(),
						mensagem : mensagem.val()
					},
					function(resposta) {

						try {
							if (resposta == true) {
								showSucess();
							} else {
								var text = "N?o foi poss?vel enviar mensagem. Por favor, tente novamente mais tarde.";
								showError(resposta);
							}
						} catch (ex) {
							var text = "N?o foi poss?vel enviar mensagem. Por favor, tente novamente mais tarde.";
							showError(ex.message);
						}

					});

};

// function closeModal() {
// Modalbox.hide();
// };

function showWarning(text) {
	alert(text);
}

function showSucess() {

	var mensagem = '<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>';
	mensagem += '<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>';
	mensagem += '<input class="right" name="ok" type="button" value="OK" onClick="$.modal.close()">';
	
	$('#osx-modal-data').html(mensagem);
	
	return false;

}

function showError(text) {
	alert(text);
}